<template>
  <el-row class="partner-wrap">
    <el-col :md="4" :sm="8" :xs="12" v-for="item in parts" :key='item'>
      <el-image :src='item' draggable="false"/>
    </el-col>
  </el-row>
</template>

<script>
import part1 from '@img/partner/partner1.png'
import part2 from '@img/partner/partner2.png'
import part3 from '@img/partner/partner3.png'
import part4 from '@img/partner/partner4.png'
import part5 from '@img/partner/partner5.png'
import part6 from '@img/partner/partner6.png'
export default {
  name: 'PagePartner',
  data: () => {
    return {
      parts: [
        part1,
        part2,
        part3,
        part4,
        part5,
        part6
      ]
    }
  }
}
</script>

<style lang='scss' scoped>

  .partner-wrap{
    background-color: white;
    padding: 50px 10px;

    el-col{
      display: inline-block;
      align-content: center;
      text-align: center;

      el-image{
        width: 40px;
        height: 40px;
        cursor: pointer;
      }

    }

  }

</style>
